@charset "utf-8";
/*********************************************************************
Generales
**********************************************************************/
*{
	margin:0;
	padding:0;
	}
a {
        text-decoration: none;
        color: #000000;
}        
a,input{
	outline: medium none !important;
}
        
*{
        font-family: "Lucida Sans Unicode",Times;
	font-size:12px;}
body{
    overflow-y:scroll;
}
.contenedor {
	width:99%;
	height:100%;
	margin:auto;        
}

/*********************************************************************
Menú
**********************************************************************/
#menu {
    border: #CCC 3px double;       
    /*Borde redondeados todos los navegadores*/        
    /*para Firefox*/
    -moz-border-radius: 15px 15px 15px 15px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 15px 15px 15px 15px;
    /*para IE ref:http://www.psdahtmlpasoapaso.com/blog/bordes-redondeados-con-css-no-uses-imagenes */
    /*De momento lo pongo aquí cambiar cuando se decida un método de programación para css
    http://www.librosweb.es/css_avanzado/capitulo6/variables_en_las_hojas_de_estilos.html    
    */
    behavior:url(/webAdmin/css/border.htc);       
    /* para Opera */
    border-radius: 15px 15px 15px 15px;
    
      float:left;
      width:100%;
      background:#666;
      font-size:93%;
      line-height:normal;
      }
#menu ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
    }
#menu ul li {
    display:inline;
    margin:0;
    padding:0;
    }
#menu ul li a {
    float:left;
    background:url("img/tableftG.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
    }
#menu ul li a span {
    float:left;
    display:block;
    background:url("img/tabrightG.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#FFF;
    font-weight: bold;
    font-size: 1.1em;
    }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a span {float:none;}
/* End IE5-Mac hack */
#menu ul li a:hover span {
    color:#FFF;
    }
#menu ul li a:hover,#menu ul li a.selec {
    background-position:0% -42px;
    }
#menu ul li a:hover span,#menu ul li a.selec span {
    background-position:100% -42px;
      } 

/***********Caja de idioma*************************************************/
.idiomas{
    float: right;
    padding-right: 20px;    
}
.idiomas > a{
    background: none;
    margin-left: 5px;    
}
.idiomas > a img{
    border: none;
    
}

/*********************************************************************
Sub-menu y contenido
**********************************************************************/
/*Borde redondeado de todas las cajas*********************************/
#sub-menu, #contenido{
    background-color: #666;
    /*background-color: #666 !important;*/
    border: #CCC 3px double;    
    overflow: auto;
    float: left;
    
     /*Borde redondeados todos los navegadores*/        
    /*para Firefox*/
    -moz-border-radius: 15px 15px 15px 15px;
    /*para Safari y Chrome*/
    -webkit-border-radius: 15px 15px 15px 15px;
    /*para IE ref:http://www.psdahtmlpasoapaso.com/blog/bordes-redondeados-con-css-no-uses-imagenes */
    /*De momento lo pongo aquí cambiar cuando se decida un método de programación para css
    http://www.librosweb.es/css_avanzado/capitulo6/variables_en_las_hojas_de_estilos.html    
    */
    /*behavior:url(/webAdmin/css/border.htc);No funciona bien si IE no sabe el tamaño de la caja*/
    /* para Opera */
    border-radius: 15px 15px 15px 15px;
}

/*****Sub-menu**********************************************************/
#sub-menu{
    margin-top: 5px;
    padding-top:10px;	
    margin-left:1%;    
    padding-bottom: 10px;	    
    width: 15% !important;        
    overflow-y:no-display !important;    
    float: left;    
}
#sub-menu h1{ 
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 3px;
    font-size: 1.2em;
}

.filetree{    
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 2% !important;    
    padding-right: 2% !important;    
    width: 94%;                
    background-color: #FFFFFF;
    min-height: 500px;
    margin: auto;
    overflow: auto;    
}

/*Contenido*********************************************************************/
#contenido{
    margin-top: 5px;
    padding-top:10px;	
    margin-left:1%;    
    padding-bottom: 10px;	    
    width: 79% !important;                
    float: left;    
	}
#contenido h1{
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 3px;
    font-size: 1.2em;    

}
#contenido #interior{    
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 2% !important;    
    padding-right: 2% !important;    
    width: 94%;                
    background-color: #FFFFFF;
    min-height: 500px;
    margin: auto;
    overflow: auto;        
    
    
}
#interior h2{ 
    color: #426394;    
    font-size: 1.5em;
    margin-left: 0.5em;
}
.bloque_tabla{
    width: 700px;    
}


/*********************************************************************
Pie
**********************************************************************/
#pie{    
   
    height:100px;	
    clear: both;
    text-align: center;        
        
	}


/*********************************************************************
Mensajes
**********************************************************************/
.informacion, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;      
    clear: both;
}
.informacion , .exito , .alerta , .error {
    font-size: 16px;
}
.informacion {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}

.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/exito.png');
}


.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/alerta.png');
}


.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}
/*********************************************************************
Caja cargando
**********************************************************************/
.cargando{
   float: right;
   visibility: hidden;
   margin-right: 20px;
}

/*********************************************************************
Caja modal
**********************************************************************/
.modal{
    background-color: #666;
    padding-top:10px;	
    margin-left:1%;    
    padding-bottom: 10px;	        
    width: 400px;
    min-height: 500px;    
    border: #CCC 3px double;    
    overflow: auto;
	}
.modal h1{
    text-align: center;
    color: #FFFFFF;
    padding-bottom: 3px;
    font-size: 1.2em;
}    

.modal a.modalCloseImg{
    background:url(img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:6px;
    right:10px;
    cursor:pointer;
}

.modal .interior{
    background-color: #FFFFFF;
    width: 380px;
    margin: auto;    
    min-height: 500px;
}    
    

h1{}

/*********************************************************************
----------------------------------------------------------------------
**********************************************************************/